*{
    box-sizing: border-box;
}
.cul-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    /* background: url("../img/abc.png") repeat-y center/cover; */
}
.content-group{
    width: 100%;
    height: 1.86rem;
    border-top: .01rem solid #ddd;
    border-bottom: .01rem solid #ddd;
    padding: .26rem .24rem .2rem;
    background: url("../img/abc.png") repeat-y center/cover;
}
.joined{
    height: .36rem;
    font-size: .24rem;
    color:#666;
}
.groupd{
    height: 1rem;
    display: flex;
    justify-content: space-between;
}
.groupd-left{
    width: 3.1rem;
    height: 1rem;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.new-pic {
    width: 1rem;
    height: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: url("../img/zhushiqun@3x.png") no-repeat center/cover;
}
.groupd-right{
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
}
.group-icon {
    width: 0.41rem;
    height: 0.36rem;
    background: url("../img/group@3x.png") no-repeat center/cover;
}
.new {
    width: 0.16rem;
    height: 0.16rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ff0000;
    position: absolute;
    left: .8rem;
    top: .08rem;
}


.content-bot{
    width: 100%;
    padding: .4rem .24rem 0;
    background: url("../img/abc.png") repeat-y center/cover;
}
.content-bot-title{
    width: 100%;
    height: 0.66rem;
    font-size: .36rem;
    text-align: center;
}
.content-bot-ul{
    width: 100%;
    height: .75rem;
    background: #8957a1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
    font-size: .28rem;
}
.content-bot-ul li{
    width: 25%;
    height: .75rem;
    line-height: .75rem;
    text-align: center;
    font-size: .28rem;
}
.c-active{
    background: #d6c4de;
    color:#363233;
}
.contents{
    position: relative;
}
.c-mask{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #8a57a2;
    opacity: .6;
}
.content1{
    padding: .3rem .24rem 0;
    width: 100%;
    height: 8rem;
    display: none;
}
.content1 p{
    font-size: .22rem;
    color:#666;
    line-height: .34rem;
}
.content2{
    /* height: 21.36rem; */
    word-break: break-all;
    font-size: .22rem;
    color:#666;
    display: none;
}
.content2 table{
    font-size: .22rem;
}
.content3{
    word-break: break-all;
    font-size: .22rem;
    color:#666;
    padding: .24rem 0;
    max-height: 22rem;
    display: none;
}
.content3 p{
    line-height: .4rem;
    font-size: .22rem;
}
.content4{
    word-break: break-all;
    font-size: .22rem;
    color:#666;
    padding: .24rem 0;
    height: 8rem;
    max-height: 10rem;
    display: none;
}
.content4 p{
    font-size: .22rem;
    line-height: .4rem;
}
.con{
    display: block;
}